body {
  background-color: #f3f3f3;
}
header {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 11.7333vw;
  background-color: #c21401;
  line-height: 11.7333vw;
  text-align: center;
}
header p {
  font-size: 4.2667vw;
  color: white;
  font-weight: 700;
}
footer {
  z-index: 999;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.33);
  width: 100%;
  height: 13.3333vw;
  background-color: #fff;
}
footer a {
  text-align: center;
}
footer a .iconfont {
  font-size: 5.8667vw;
}
footer a p {
  font-size: 2.6667vw;
}
footer a:nth-child(1) {
  color: #fa2209;
}
.box {
  margin-top: 11.7333vw;
  margin-bottom: 13.3333vw;
}
.box .sosuo {
  width: 100%;
  height: 13.3333vw;
  background: #f1f1f2;
  padding: 2.7333vw 3.7333vw;
  font-size: 5.0667vw;
}
.box .sosuo .mask {
  position: relative;
}
.box .sosuo .mask .iconfont {
  position: absolute;
  top: 1.8667vw;
  left: 28.7333vw;
  font-size: 3.4667vw;
}
.box .sosuo .mask input {
  width: 93.3333vw;
  height: 8vw;
  border-radius: 2.6667vw;
  text-align: center;
  line-height: 8vw;
  font-size: 3.4667vw;
}
.box .swiper {
  position: relative;
  overflow: hidden;
}
.box .swiper img {
  display: block;
  width: 100%;
}
.box .swiper .swiper-slide {
  width: 80%;
  text-align: center;
  font-size: 4.8vw;
  background: #fff;
}
.box .swiper .swiper-slide-active,
.box .swiper .swiper-slide-duplicate-active {
  transform: scale(1);
}
.box .po {
  display: flex;
  height: 10.6667vw;
  background: #f2dbdb;
  padding: 1.8667vw 4.5333vw;
}
.box .po .pos {
  overflow: hidden;
}
.box .po .pos span {
  width: 82.1333vw;
  float: left;
  color: #ff1e02;
  font-size: 4.2667vw;
  animation: cat 3s infinite linear;
  line-height: 6.9333vw;
}
@keyframes cat {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
.box .po i {
  color: #ff1e02;
  line-height: 7.2vw;
}
.box .pic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  height: 45.3333vw;
  background-color: #fff;
}
.box .pic a {
  padding-top: 1.3333vw;
  width: 20%;
  text-align: center;
}
.box .pic a img {
  width: 11.7333vw;
  height: 11.7333vw;
}
.box .pic a p {
  padding-top: 1.3333vw;
  font-size: 3.4667vw;
}
.box .dnf img {
  width: 100%;
  height: 31.4667vw;
}
.box .lpl {
  height: 10.6667vw;
  text-align: center;
  line-height: 10.6667vw;
  font-size: 3.7333vw;
  background-color: #fff;
  margin-bottom: 0.5333vw;
}
.box .kpl {
  padding: 2.6667vw;
  display: flex;
  height: 37.3333vw;
  background-color: #fff;
  margin-bottom: 1.3333vw;
}
.box .kpl img {
  width: 32vw;
  height: 32vw;
}
.box .kpl .lok {
  padding: 2.6667vw;
}
.box .kpl .lok span {
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 3.4667vw;
  line-height: 4vw;
  margin-top: 2.6667vw;
}
.box .kpl .lok p {
  color: #999;
  font-size: 3.2vw;
  margin-top: 2.6667vw;
}
.box .kpl .lok .dis {
  display: flex;
}
.box .kpl .lok .dis p {
  color: #f03c3c;
  font-size: 4vw;
  margin-right: 2.6667vw;
}
.box .kpl .lok .dis del {
  color: #999;
}
